<%-- 
    Document   : menucliente
    Created on : 06/06/2010, 07:08:02 PM
    Author     : z3phiroth
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>menucliente</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Fri May 28 18:41:15 GMT-0500 2010-->
<%@page import="pe.com.transportes.modelo.Cliente" %>
<jsp:useBean id="cliente" scope="session" class="pe.com.transportes.modelo.Cliente" />
<script language="JavaScript1.2" type="text/javascript" src="menus/mm_css_menu.js"></script>
<style type="text/css" media="screen">
	@import url("menus/menucliente.css");
.Estilo29 {color: #00CCCC}
body {
	background-color: #6699FF;
}
.Estilo70 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
}
.Estilo11 {color: #0000CC}
.Estilo53 {font-size: 20px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
.Estilo54 {color: #0099CC}
.Estilo55 {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.Estilo56 {color: #0099CC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.Estilo56 {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #0099CC; }
.Estilo52 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
.Estilo6 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #006699; }
.Estilo61 {color: #FFFFFF; }
</style>
</head>
<body>

<div align="center">
  <table width="949" border="0" align="center" bordercolor="#ECE9E8" bgcolor="#ECE9E8">
    <tr>
      <td width="168" rowspan="2" bordercolor="#ECE9E8" bgcolor="#6699FF"><img src="imagen/009.jpg" width="168" height="112" /></td>
      <td width="388" height="24" bordercolor="#ECE9E8" bgcolor="#ECE9E8"><div>
        <div align="center"><span class="Estilo70">Bienvenido usuario: ${sessionScope.cliente.nom_cliente }</span></div>
      </div></td>
      <td width="74" bordercolor="#ECE9E8" bgcolor="#ECE9E8"><div align="center"><a href="contraseñac.jsp">Contraseña</a></div></td>
      <td width="47" bordercolor="#ECE9E8" bgcolor="#ECE9E8"><img src="imagen/A11KEY.GIF" width="21" height="22" /></td>
      <td width="75" bordercolor="#ECE9E8" bgcolor="#ECE9E8"><div align="center"><a href="mensajesc.jsp">Mensajes</a></div></td>
      <td width="51" bordercolor="#ECE9E8" bgcolor="#ECE9E8"><img src="imagen/mensajes.JPG" width="29" height="19" /></td>
      <td width="3" bordercolor="#ECE9E8" bgcolor="#ECE9E8">&nbsp;</td>
      <td width="83" bordercolor="#ECE9E8" bgcolor="#ECE9E8"><a href="logeocliente.jsp">Cerrar sesion</a></td>
      <td width="23" bordercolor="#ECE9E8" bgcolor="#ECE9E8"><img src="imagen/salir_x.gif" width="22" height="16" /></td>
    </tr>
    <tr>
      <td height="90" colspan="8" bordercolor="#ECE9E8" bgcolor="#6699FF"><img src="imagen/etiquetausuario.png" width="772" height="88" /></td>
    </tr>
  </table>
  <table width="953" height="481" border="0" bordercolor="#0066cc">
    <tr>
      <td width="172" height="159" class="Estilo29"><div id="FWTableContainer1865569040"> <img name="menucliente" src="menus/menucliente.gif" width="172" height="550" border="0" id="menucliente" usemap="#m_menucliente" alt="" />
          <map name="m_menucliente" id="m_menucliente">
            <area shape="rect" coords="3,1,171,50" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(500);"  onmouseover="MM_menuShowMenu('MMMenuContainer0518180345_1', 'MMMenu0518180345_1',172,1,'menucliente');"  />
            <area shape="rect" coords="3,53,171,102" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(500);"  onmouseover="MM_menuShowMenu('MMMenuContainer0518175714_2', 'MMMenu0518175714_2',172,53,'menucliente');"  />
            <area shape="rect" coords="4,151,172,200" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(500);"  onmouseover="MM_menuShowMenu('MMMenuContainer0518175714_3', 'MMMenu0518175714_3',173,151,'menucliente');"  />
            <area shape="rect" coords="4,99,172,148" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(500);"  onmouseover="MM_menuShowMenu('MMMenuContainer0518175714_4', 'MMMenu0518175714_4',173,99,'menucliente');"  />
            <area shape="rect" coords="4,202,172,251" href="principal.html" alt="" />
          </map>
          <div id="MMMenuContainer0518180345_1">
            <div id="MMMenu0518180345_1" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="<%=request.getContextPath().trim()%>/ActualizarClienteServlet?cod=<%=cliente.getCod_cliente() %>" id="MMMenu0518180345_1_Item_0" class="MMMIFVStyleMMMenu0518180345_1" onmouseover="MM_menuOverMenuItem('MMMenu0518180345_1');"> Mis&nbsp;datos </a> <a href="comentariosc.jsp" id="MMMenu0518180345_1_Item_1" class="MMMIVStyleMMMenu0518180345_1" onmouseover="MM_menuOverMenuItem('MMMenu0518180345_1');"> Comentarios </a> <a href="promocionesc.jsp" id="MMMenu0518180345_1_Item_2" class="MMMIVStyleMMMenu0518180345_1" onmouseover="MM_menuOverMenuItem('MMMenu0518180345_1');"> Promociones </a> </div>
          </div>
          <div id="MMMenuContainer0518175714_2">
            <div id="MMMenu0518175714_2" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="reservarpasajes.jsp" id="MMMenu0518175714_2_Item_0" class="MMMIFVStyleMMMenu0518175714_2" onmouseover="MM_menuOverMenuItem('MMMenu0518175714_2');"> Reservar </a> </div>
          </div>
          <div id="MMMenuContainer0518175714_3">
            <div id="MMMenu0518175714_3" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="busquedapasajes.jsp" id="MMMenu0518175714_3_Item_0" class="MMMIFVStyleMMMenu0518175714_3" onmouseover="MM_menuOverMenuItem('MMMenu0518175714_3');"> Busqueda </a> </div>
          </div>
          <div id="MMMenuContainer0518175714_4">
            <div id="MMMenu0518175714_4" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="comprashistorial.jsp" id="MMMenu0518175714_4_Item_0" class="MMMIFVStyleMMMenu0518175714_4" onmouseover="MM_menuOverMenuItem('MMMenu0518175714_4');"> Historial </a> </div>
          </div>
      </div></td>
      <td width="771" bgcolor="#FFFFFF" class="Estilo29"><p>
          <label></label>
        <table width="732" border="0">
          <tr>
            <td height="464"><form id="form" name="form1" method="post" action="MostrarSalidasServlet">
                <table width="743" border="0" align="center" bgcolor="#006699">
                  <tr>
                    <td width="712"><div align="center"><span class="Estilo52">Busqueda de rutas disponibles</span></div></td>
                  </tr>
                </table>
              <table width="743" border="0" align="center">
                  <tr>
                    <td width="100" height="26" class="Estilo6"><div align="right">Escoga ruta:</div></td>
                    <td width="126" class="Estilo6"><select name="inicio" class="Estilo6" id="select">
                        <option>Departamento</option>
                        <option value="Lima">Lima</option>
                        <option value="Arequipa">Arequipa</option>
                        <option value="Cuzco">Cuzco</option>
                        <option value="Moquegua">Moquegua</option>
                        <option value="Ica">Ica</option>
                        <option value="Ancash">Ancash</option>
                        <option value="Loreto">Loreto</option>
                        <option value="Apurimac">Apurimac</option>
                        <option value="Puno">Puno</option>
                        <option value="Huancayo">Huancayo</option>
                    </select></td>
                    <td width="141" class="Estilo6"><select name="fin" class="Estilo6" id="select2">
                        <option>Departamento</option>
                        <option value="Lima">Lima</option>
                        <option value="Arequipa">Arequipa</option>
                        <option value="Cuzco">Cuzco</option>
                        <option value="Moquegua">Moquegua</option>
                        <option value="Ica">Ica</option>
                        <option value="Ancash">Ancash</option>
                        <option value="Loreto">Loreto</option>
                        <option value="Apurimac">Apurimac</option>
                        <option value="Puno">Puno</option>
                        <option value="Huancayo">Huancayo</option>
                    </select></td>
                    <td width="294" class="Estilo6">Fecha:
                      <select name="dia" class="Estilo6">
                          <option selected="selected">Dia</option>
                          <option>1</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                          <option>6</option>
                          <option>7</option>
                          <option>8</option>
                          <option>9</option>
                          <option>10</option>
                          <option>11</option>
                          <option>12</option>
                          <option>13</option>
                          <option>14</option>
                          <option>15</option>
                          <option>16</option>
                          <option>17</option>
                          <option>18</option>
                          <option>19</option>
                          <option>20</option>
                          <option>21</option>
                          <option>22</option>
                          <option>23</option>
                          <option>24</option>
                          <option>25</option>
                          <option>26</option>
                          <option>27</option>
                          <option>28</option>
                          <option>29</option>
                          <option>30</option>
                          <option>31</option>
                        </select>
                        <select name="mes" class="Estilo6">
                          <option selected="selected">Mes</option>
                          <option>Enero</option>
                          <option>Febrero</option>
                          <option>Marzo</option>
                          <option>Abril</option>
                          <option>Mayo</option>
                          <option>Junio</option>
                          <option>Julio</option>
                          <option>Agosto</option>
                          <option>Setiembre</option>
                          <option>Octubre</option>
                          <option>Noviembre</option>
                          <option>Diciembre</option>
                        </select>
                        <select name="anio" class="Estilo6">
                          <option selected="selected">Año</option>
                          <option>1970</option>
                          <option>1971</option>
                          <option>1972</option>
                          <option>1973</option>
                          <option>1974</option>
                          <option>1975</option>
                          <option>1976</option>
                          <option>1977</option>
                          <option>1978</option>
                          <option>1979</option>
                          <option>1980</option>
                          <option>1981</option>
                          <option>1982</option>
                          <option>1983</option>
                          <option>1984</option>
                          <option>1985</option>
                          <option>1986</option>
                          <option>1987</option>
                          <option>1988</option>
                          <option>1989</option>
                          <option>1990</option>
                          <option>1991</option>
                          <option>1992</option>
                          <option>1993</option>
                          <option>1994</option>
                          <option>1995</option>
                          <option>1996</option>
                          <option>1997</option>
                          <option>1998</option>
                          <option>1999</option>
                          <option>2000</option>
                          <option>2001</option>
                          <option>2002</option>
                          <option>2003</option>
                          <option>2004</option>
                          <option>2005</option>
                          <option>2006</option>
                          <option>2007</option>
                          <option>2008</option>
                          <option>2009</option>
                          <option>2010</option>
                      </select></td>
                    <td width="60"><input name="button" type="submit" class="Estilo6" id="button" value="Buscar" /></td>
                  </tr>
                </table>
            </form>
                <p>
                  <%@page import="pe.com.transportes.modelo.Salidarutas" %>
                  <jsp:useBean id="listarutas" scope="session" class="java.util.ArrayList" />
                  
              </p>
              <div align="center">
                  <table width="500" border="0" align="center" bgcolor="#ECE9D8">
                    <tr>
                      <td width="200" bgcolor="#0033FF"><div align="center" class="Estilo61"> Horario1 </div></td>
                      <td width="200" bgcolor="#0033FF"><div align="center" class="Estilo61"> Tarifas.$/ </div></td>
                      <td width="200" bgcolor="#0033FF"><div align="center" class="Estilo61"> Operacion </div></td>
                    </tr>
                    <tbody>
                      <% for (int xx=0; xx <listarutas.size(); xx++){
                   Salidarutas bean = new Salidarutas();
                   bean = (Salidarutas) listarutas.get(xx);
                %>
                      <tr>
                        <td><div align="center" class="Estilo6"><%=bean.getHorario() %> </div></td>
                        <td><div align="center" class="Estilo6"><%=bean.getFecha() %></div></td>
                        <td><div align="center" class="Estilo6"><a href="<%=request.getContextPath().trim()%>/ReservarPasajeServlet?cod=<%=bean.getCod_salida()%>">Reservar</a></div></td>
                      </tr>
                      <% }  %>
                    </tbody>
                  </table>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
              </div>
          </tr>
        </table>
        <p>&nbsp;</p>
      </td>
    </tr>
  </table>
  <table width="959" border="0">
    <tr>
      <td><img src="imagen/final.gif" width="952" height="97" /></td>
    </tr>
  </table>
</div>
<p align="center" class="Estilo29">&nbsp;</p>
<p align="center" class="Estilo29">&nbsp;</p>
<p class="Estilo29">&nbsp;</p>
<p class="Estilo29"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

